var QQMapWX = require('../../lib/qqmap-wx-jssdk.js');
var qqmapsdk;
var startlat;
var startlng;
 
Page({
  data: {
    height:"400",
    perimeter:[]
  },
  onLoad: function (options) {
    var address = options.address;
    // 实例化API核心类
    qqmapsdk = new QQMapWX({
        key: 'GP6BZ-RE36U-YPYVZ-4F3XS-UIJN2-ROF5G' 
    });
    this.addressGeocoder(address);
  },
  search:function(e){
    var _this = this;
    var a = e.target.dataset.type;
    //console.log("a="+a);
    _this.nearby_search(a);
  },
  //根据地址转为经纬度
  addressGeocoder:function(address){
    var _this = this;
    qqmapsdk.geocoder({
      address:address,
      success:function(res){
        console.log("res="+res);
        var res = res.result;
        var latitude = res.location.lat;
        var longitude = res.location.lng;
        //根据地址解析在地图上标记解析地址位置
        _this.setData({
          markers:[{
            id:0,
            title:res.title,
            latitude:latitude,
            longitude:longitude,
            iconPath:'/image/手指.png',
            width:20,
            height:20
          }],
          poi:{
            latitude:latitude,
            longitude:longitude
          },
          startlat:latitude,
          startlng:longitude
        });
      },
      fail:function(error){
        console.error("error="+error);
      },
      complete:function(res){
        console.log("complete="+res);
      }
    })
  },
  //周边地点搜索
  nearby_search:function(keyword){
    var _this = this;
    qqmapsdk.search({
      keyword:keyword,
      location:_this.data.poi,
      success:function(res){
        var obj = JSON.stringify(res);
        console.log("obj="+obj);
        var mks = [];
        for(var i = 0; i <res.data.length; i++){
          mks.push({
            title:res.data[i].location.lat,
            id:res.data[i].id,
            latitude:res.data[i].location.lat,
            longitude:res.data[i].location.lng,
            iconPath:"/image/手指.png",
            width:20,
            height:20,
            callout:{
              content: res.data[i].title,
              color:'#000',
              display:'ALWAYS'
            }
          })
        }
        _this.setData({
          //markers:mks
          markers:mks,
          perimeter:res.data
        })
      },
      fail:function(res){
        console.log("fail="+res);
      },
      complete:function(res){
        console.log("complete="+res);
      }
 
    });
  },
  gotoHere:function(res){
    var obj = JSON.stringify(res);
    console.log("gotoHere="+obj);
  },
  onShow: function () {
 
  }
})